<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/template.xhtml">

	<ui:define name="content">
		<h:form>

			<h:head>

				<title>Car manager</title>

			</h:head>
			<h:body>
				<h2>Car list</h2>
				<h:dataTable var="car" value="#{carMB.carList}" bgcolor="#F1F1F1"
					border="10" cellspacing="2" width="60%" rules="all">
					<h:column>
						<f:facet name="header">
							<h:outputText value="Model" />
						</f:facet>
						<h:outputText value="#{car.carModel.name}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Class" />
						</f:facet>
						<h:outputText value="#{car.carClass}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Year" />
						</f:facet>
						<h:outputText value="#{car.makeYear}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Color" />
						</f:facet>
						<h:outputText value="#{car.color}" />
					</h:column>
					<h:column>
						<f:facet name="header">
							<h:outputText value="Book" />
						</f:facet>
						<h:form>
							<h:commandButton action="#{carMB.prepareBookCar}"
								value="Book this car" />
						</h:form>
					</h:column>
				</h:dataTable>
				<br />
				<h:outputLink value="book.jsf">
					<h:outputText value="Go for another page." />
				</h:outputLink>
			</h:body>
		</h:form>
	</ui:define>
</ui:composition>
</html>
